.dept-form-use{
    box-sizing: border-box;
    padding: 20px 24px;
    &__item{
        display: flex;
        flex-direction: column;
        position: relative;
        label{
            font-size: 14px;
            color: #3D3D3D;
            margin-bottom: 8px;
        }
        &:not(:last-child) {
            margin-bottom: 16px;
        }
    }
    &__content{
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: 1px solid #CBD6E2;
        box-sizing: border-box;
        min-height: 32px;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        &-list{
            width: 100%;
            max-height: 90px;
            display: flex;
            flex-wrap: wrap;
            overflow: auto;
            padding: 4px 8px 0 8px;
            .dept-choose-tag{
                display: flex;
                justify-content: space-between;
                align-items: center;
                background: #F4F4F5;
                border-radius: 4px;
                margin-right: 10px;
                padding: 2px 10px;
                flex-shrink: 0;
                margin-bottom: 4px;
                span {
                    color: #909399;
                    line-height: 20px;
                    max-width: 150px;
                    @include text-ellipsis();
                }
                i{
                    margin-left:6px;
                    font-size: 7px;
                }
            }
        }
        .icon-suffix{
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
        }
    }
    &__placeholder{
        font-size: 13px;
        font-weight: 400;
        color: #BFBFBF;
        margin-bottom: 2px;
    }
}